import React, { Component } from 'react';

import { Carousel } from 'antd';

import './antd-carousel.less'

function onChangeDiv(a, b, c) {
  // console.log(a, b, c);
}

class AntdCarousel extends Component {
  state = {

  }

  render() {
    return (
      // effect="fade | scrollx | scrolly" autoplay
      <Carousel afterChange={onChangeDiv}
        
        effect="scroll"
        className="carousel-main"
      >
        <div><h3>1</h3></div>
        <div><h3>2</h3></div>
        <div><h3>3</h3></div>
        <div><h3>4</h3></div>
      </Carousel>
    )
  }
}

export default AntdCarousel;